<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>联系我们</title>
		<style>
			*{
				margin:0;
				padding:0;
			}
			body{
				overflow-x:hidden;
			}
			div,li{
				#white-space:nowrap;
			}
			li{
				list-style-type:none;
			}
			.head .di1 li{
				text-align:center;
			}
			.head .head2 .di2{
				position:relative;
				left:400px;
				top:20px;
				height:70px;
			}
			.head .head2 .di2 li{
				float:left;
				margin-left:40px;
			}
			.head .head2 .di2 li a{
				color:black;
				text-decoration:none;
			}
			.head .head2 .di2 li a:hover{
				color:green;
				padding:5px;
				margin:5px;
				border-bottom:2px solid green;
			}
			.neirong{
				height:296px;
			}
			.neirong img{
				width:100%;
				height:396px;
			}
			.neirong2{
				width:100%;
				height:250px;
				#background-color:red;
			}
			.neirong2 h3{
				position:relative;
				top:165px;
				left:200px;
			}
			.neirong2 span{
				font-size:12px;
				position:relative;
				top:145px;
				left:420px;
			}
			.neirong3{
				width:75%;
				height:90px;
				margin:auto;
				border-top:2px solid #666666;
				#background-color:aqua;
			}
			.neirong4{
				width:100%;
				height:500px;
				#background-color:aqua;
			}
			.neirong4 .box{
				width:55%;
				height:500px;
				float:left;
				#background-color:antiquewhite;
			}
			.neirong4 .box img{
				width:90%;
				height:80%;
			}
			.neirong4 .box2{
				width:45%;
				height:500px;
				float:right;
				#background-color:red;
			}
			.neirong4 .box2 .boc1{
				width:100%;
				height:250px;
				#background-color:aquamarine;
			}
			.neirong4 .box2 .boc1 ul li .li1{
				width:100px;
				height:40px;
				text-align:center;
				line-height:40px;
				border-radius:15px;
				background-color:green;
			}
			.neirong4 .box2 .boc1 ul li{
				position:relative;
				top:10px;
			}
			.neirong4 .box2 .boc2{
				width:100%;
				height:250px;
				#background-color:yellowgreen;
			}
			.neirong4 .box2 .boc1 ul .li2{
				margin-top:20px;
				font-size:14px;
			}
			.neirong4 .box2 .boc1 ul .li3{
				margin-top:20px;
				font-size:14px;
			}
			.neirong4 .box2 .boc1 ul .li4{
				margin-top:20px;
				font-size:14px;
			}
			.neirong4 .box2 .boc1 ul .li5{
				margin-top:20px;
				font-size:14px;
			}
			.neirong4 .box2 .boc1 ul .li6 img{
				width:110px;
				height:110px;
				top:-150px;
				left:300px;
				position:relative;
			}
			.neirong4 .box2 .boc1 ul .li7{
				margin-top:20px;
				font-size:14px;
				top:-150px;
				left:330px;
				position:relative;
			}
			.neirong5{
				width:100%;
				height:400px;
			}
			.neirong5 img{
				width:100%;
				height:400px;
			}
			.neirong5 ul{
				top:-360px;
				color:aliceblue;
				text-align:center;
				position:relative;
			}
			.neirong5 ul li span{
				font-size:20px;
				letter-spacing:8px;
			}
			.neirong5 .box ul li{
				text-align:center;
				font-size:18px;
				float:left;
				top:60px;
				left:585px;
				position:relative;
			}
			.neirong5 .box .box2 ul li{
				text-align:center;
				font-size:16px;
				top:160px;
				left:-70px;
				float:left;
				position:relative;
			}
			.neirong5 .box .box2 #ul li{
				text-align:center;
				font-size:16px;
				top:240px;
				left:-670px;
				#float:left;
				position:relative;
			}
		</style>
	</head>
	<body>
		<div class="head">
			<ul class="di1">
				<li><img src="img/logo.png"></li>
			</ul>
			<hr>
			<div class="head2">
				<ul class="di2">
					<li><a href="index.html">首页</a></li>
					<li><a href="new_file.html">产品/案例</a></li>
					<li><a href="new_file2.html">关于我们</a></li>
					<li><a href="new_file3.html">新闻中心</a></li>
					<li><a href="new_file4.html">招商加盟</a></li>
					<li><a href="new_file5.html">联系我们</a></li>
				</ul>
			</div>
		</div>
		<div class="neirong">
			<img src="img/i1.jpg">
		</div>
		<div class="neirong2">
			<h3>联系我们</h3>
			<span>XX家具有限公司，工厂创建于1988年，现公司位于XX市XX区，占地面积近百亩，拥有国际水平的家具生产线和电脑全自动加工系
		    <br>统，是一家集设计、生产、销售、家居配套为一体全能型家具企业。</span>
		</div>
		<div class="neirong3"></div>
		<div class="neirong4">
			<div class="box">
				<img src="img/i2.jpg">
			</div>
			<div class="box2">
				<div class="boc1">
					<ul>
						<li>
							<div class="li1">在线客服</div>
						</li>
						<li class="li2">QQ：177468228</li>
						<li class="li3">联系邮箱：xxx@xxx.com</li>
						<li class="li4">热线电话：020-00000000</li>
						<li class="li5">工作时间：周一到周五09:00-18:00</li>
						<li class="li6"><img src="img/i3.jpg"></li>
						<li class="li7">客服一</li>
					</ul>
				</div>
				<div class="boc1">
					<ul>
						<li>
							<div class="li1">在线客服</div>
						</li>
						<li class="li2">QQ：177464528</li>
						<li class="li3">联系邮箱：xxx@xxx.com</li>
						<li class="li4">热线电话：020-00000000</li>
						<li class="li5">工作时间：周一到周五09:00-18:00</li>
						<li class="li6"><img src="img/i3.jpg"></li>
						<li class="li7">客服二</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="neirong5">
			<img src="img/wei.png">
			<ul>
				<li><span>晓海设计</span></li>
			</ul>
			<div class="box">
				<ul>
					<li>前往参观&emsp;|</li>
					<li>&emsp;展览活动&emsp;|</li>
					<li>&emsp;资讯公告&emsp;|</li>
					<li>&emsp;关于我们 </li>
				</ul>
				<div class="box2">
					<ul>
						<li>Address/地址：XXX省XXX市XXX县XXX路XXX号&emsp;&emsp;</li>
						<li>&emsp;&emsp;Tel/联系电话：020-000000 000-000000&emsp;&emsp;</li>
						<li>&emsp;&emsp;Mail/邮箱：xxx@.com</li>
					</ul>
					<ul id="ul">
						<li>©2025 - 展览晓海设计 版权所有</li>
					</ul>
				</div>
			</div>
		</div>
	</body>
</html>
